<ul class="layui-tab-title">
	<li <#if typename?? && typename == 'collection'> class="layui-this"</#if>><a href="/user/collection.html">收藏的帖子</a></li>
	<li <#if typename?? && typename == 'microcase'> class="layui-this"</#if>><a href="/user/collection/microcase.html">收藏的案例</a></li>
</ul>
<style type="text/css">
.phone-ul{
	display: none;
}
/* 移动端 */
@media screen  and (max-width: 850px),@media screen  and (orientation: landscape),
only screen  and (max-device-width: 850px) {
	.pc{
		display: none;
	}
	.price{
		color:red;
	}
	.layui-tab-content {
	    padding: 0.266667rem!important;
	    padding-right: 0px!important;
	    padding-top: 0px!important;
	}
	.phone-ul{
		display: block;
	}
	.phone-ul li{
		padding:0.24rem 0;
	    padding-right: 0.24rem;
		line-height: normal;
		border-bottom: 0.026667rem solid #D8D8D8;
	}
	.phone-li-title{
		display: block;
		font-size: 0.48rem;
		margin-bottom: 0.346667rem;
		color: #1F0000;
		letter-spacing: 0;
	}
	.phone-li-title .class{
		font-size: 0.48rem;
		color: #00CEE8;
		letter-spacing: 0;
	}
	.phone-li-bottm{
		display: flex;
		align-items: center;
		justify-content:space-between;
		font-size: 0.373333rem;
		color: #ADADAD;
		letter-spacing: 0;
	}
	.topic-user-info{
		display: flex;
	    align-items: center;
		margin:0.266667rem 0;
	}
	.topic-user-info .user-img-box{
		display: inline-block;
		margin-right:0.266667rem;
		flex: 0 0 0.906667rem;
	}
	.topic-user-info .user-img-box img{
		width: 100%;
		height: 100%;
	}
	.topic-info-name{
		flex: 1;
		font-size: 0.373333rem;
		color: #898989;
		letter-spacing: 0;
	}
	.delete-box{
		flex: 0 0 2.666667rem;
		font-size: 0.32rem;
		text-align: right;
		color: #3FA1EE;
	}
	.delete-box span{
		padding:0.106667rem 0.32rem;
		border-width: 0.026667rem;
		border-style: solid;
		border-color: linear-gradient(90deg, #29D5F6, #6840E0 );
		border-radius: 0.6rem;
	}

	
}
</style>